﻿<!doctype html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0" />
    <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
    <title>Hui</title>
    <link href="../../../plugins/swiper/swiper.min.css" rel="stylesheet" />
    <link href="../../../css/Hui.css" rel="stylesheet" type="text/css" />
    <style type="text/css">
    </style>
</head>
<body>
    <div style="height: 150px;" class="H-overflow-hidden">
        <div class="swiper-container H-width-100-percent H-height-100-percent">
            <div class="swiper-wrapper">
                <div class="swiper-slide"><img src="../../../image/templates-imgs/lunbo3.jpg" class="H-width-100-percent H-height-100-percent" /></div>
                <div class="swiper-slide"><img src="../../../image/templates-imgs/lunbo3.jpg" class="H-width-100-percent H-height-100-percent" /></div>
                <div class="swiper-slide"><img src="../../../image/templates-imgs/lunbo3.jpg" class="H-width-100-percent H-height-100-percent" /></div>
            </div>
            <div class="swiper-pagination" style="bottom:0!important"></div>
        </div>
    </div>
    <div class="H-padding-vertical-bottom-10"></div>
    <div class="swiper-container-2 H-width-100-percent H-overflow-hidden H-padding-vertical-bottom-10 H-theme-background-color-white">
        <div class="swiper-wrapper">
            <div class="swiper-slide">
                <div class="H-flexbox-horizontal H-text-align-center H-theme-background-color-white H-padding-vertical-both-10">
                    <div class="H-flex-item">
                        <span class="H-icon H-center-all H-theme-background-color1 H-border-radius-circle H-margin-horizontal-auto" style="height: 42px; width: 42px; "><i class="H-iconfont H-icon-alipay H-font-size-22 H-theme-font-color-white"></i></span>
                        <label class="H-display-block H-font-size-13 H-margin-vertical-top-5">日常保洁</label>
                    </div>
                    <div class="H-flex-item">
                        <span class="H-icon H-center-all H-theme-background-color2 H-border-radius-circle H-margin-horizontal-auto" style="height: 42px; width: 42px; "><i class="H-iconfont H-icon-aliwangwang H-font-size-22 H-theme-font-color-white"></i></span>
                        <label class="H-display-block H-font-size-13 H-margin-vertical-top-5">美甲</label>
                    </div>
                    <div class="H-flex-item">
                        <span class="H-icon H-center-all H-theme-background-color9 H-border-radius-circle H-margin-horizontal-auto" style="height: 42px; width: 42px; "><i class="H-iconfont H-icon-android H-font-size-22 H-theme-font-color-white"></i></span>
                        <label class="H-display-block H-font-size-13 H-margin-vertical-top-5">搬家</label>
                    </div>
                    <div class="H-flex-item">
                        <span class="H-icon H-center-all H-theme-background-color4 H-border-radius-circle H-margin-horizontal-auto" style="height: 42px; width: 42px; "><i class="H-iconfont H-icon-camera H-font-size-22 H-theme-font-color-white"></i></span>
                        <label class="H-display-block H-font-size-13 H-margin-vertical-top-5">洗衣</label>
                    </div>
                    <div class="H-flex-item">
                        <span class="H-icon H-center-all H-theme-background-color5 H-border-radius-circle H-margin-horizontal-auto" style="height: 42px; width: 42px; "><i class="H-iconfont H-icon-com H-font-size-22 H-theme-font-color-white"></i></span>
                        <label class="H-display-block H-font-size-13 H-margin-vertical-top-5">保姆</label>
                    </div>
                </div>
                <div class="H-flexbox-horizontal H-text-align-center H-theme-background-color-white H-padding-vertical-both-10">
                    <div class="H-flex-item">
                        <span class="H-icon H-center-all H-theme-background-color1 H-border-radius-circle H-margin-horizontal-auto" style="height: 42px; width: 42px; "><i class="H-iconfont H-icon-alipay H-font-size-22 H-theme-font-color-white"></i></span>
                        <label class="H-display-block H-font-size-13 H-margin-vertical-top-5">日常保洁</label>
                    </div>
                    <div class="H-flex-item">
                        <span class="H-icon H-center-all H-theme-background-color2 H-border-radius-circle H-margin-horizontal-auto" style="height: 42px; width: 42px; "><i class="H-iconfont H-icon-aliwangwang H-font-size-22 H-theme-font-color-white"></i></span>
                        <label class="H-display-block H-font-size-13 H-margin-vertical-top-5">美甲</label>
                    </div>
                    <div class="H-flex-item">
                        <span class="H-icon H-center-all H-theme-background-color9 H-border-radius-circle H-margin-horizontal-auto" style="height: 42px; width: 42px; "><i class="H-iconfont H-icon-android H-font-size-22 H-theme-font-color-white"></i></span>
                        <label class="H-display-block H-font-size-13 H-margin-vertical-top-5">搬家</label>
                    </div>
                    <div class="H-flex-item">
                        <span class="H-icon H-center-all H-theme-background-color4 H-border-radius-circle H-margin-horizontal-auto" style="height: 42px; width: 42px; "><i class="H-iconfont H-icon-camera H-font-size-22 H-theme-font-color-white"></i></span>
                        <label class="H-display-block H-font-size-13 H-margin-vertical-top-5">洗衣</label>
                    </div>
                    <div class="H-flex-item">
                        <span class="H-icon H-center-all H-theme-background-color5 H-border-radius-circle H-margin-horizontal-auto" style="height: 42px; width: 42px; "><i class="H-iconfont H-icon-com H-font-size-22 H-theme-font-color-white"></i></span>
                        <label class="H-display-block H-font-size-13 H-margin-vertical-top-5">保姆</label>
                    </div>
                </div>
            </div>
            <div class="swiper-slide">
                <div class="H-flexbox-horizontal H-text-align-center H-theme-background-color-white H-padding-vertical-both-10">
                    <div class="H-flex-item">
                        <span class="H-icon H-center-all H-theme-background-color1 H-border-radius-circle H-margin-horizontal-auto" style="height: 42px; width: 42px; "><i class="H-iconfont H-icon-alipay H-font-size-22 H-theme-font-color-white"></i></span>
                        <label class="H-display-block H-font-size-13 H-margin-vertical-top-5">日常保洁</label>
                    </div>
                    <div class="H-flex-item">
                        <span class="H-icon H-center-all H-theme-background-color2 H-border-radius-circle H-margin-horizontal-auto" style="height: 42px; width: 42px; "><i class="H-iconfont H-icon-aliwangwang H-font-size-22 H-theme-font-color-white"></i></span>
                        <label class="H-display-block H-font-size-13 H-margin-vertical-top-5">美甲</label>
                    </div>
                    <div class="H-flex-item">
                        <span class="H-icon H-center-all H-theme-background-color9 H-border-radius-circle H-margin-horizontal-auto" style="height: 42px; width: 42px; "><i class="H-iconfont H-icon-android H-font-size-22 H-theme-font-color-white"></i></span>
                        <label class="H-display-block H-font-size-13 H-margin-vertical-top-5">搬家</label>
                    </div>
                    <div class="H-flex-item">
                        <span class="H-icon H-center-all H-theme-background-color4 H-border-radius-circle H-margin-horizontal-auto" style="height: 42px; width: 42px; "><i class="H-iconfont H-icon-camera H-font-size-22 H-theme-font-color-white"></i></span>
                        <label class="H-display-block H-font-size-13 H-margin-vertical-top-5">洗衣</label>
                    </div>
                    <div class="H-flex-item">
                        <span class="H-icon H-center-all H-theme-background-color5 H-border-radius-circle H-margin-horizontal-auto" style="height: 42px; width: 42px; "><i class="H-iconfont H-icon-com H-font-size-22 H-theme-font-color-white"></i></span>
                        <label class="H-display-block H-font-size-13 H-margin-vertical-top-5">保姆</label>
                    </div>
                </div>
                <div class="H-flexbox-horizontal H-text-align-center H-theme-background-color-white H-padding-vertical-both-10">
                    <div class="H-flex-item">
                        <span class="H-icon H-center-all H-theme-background-color1 H-border-radius-circle H-margin-horizontal-auto" style="height: 42px; width: 42px; "><i class="H-iconfont H-icon-alipay H-font-size-22 H-theme-font-color-white"></i></span>
                        <label class="H-display-block H-font-size-13 H-margin-vertical-top-5">日常保洁</label>
                    </div>
                    <div class="H-flex-item">
                        <span class="H-icon H-center-all H-theme-background-color2 H-border-radius-circle H-margin-horizontal-auto" style="height: 42px; width: 42px; "><i class="H-iconfont H-icon-aliwangwang H-font-size-22 H-theme-font-color-white"></i></span>
                        <label class="H-display-block H-font-size-13 H-margin-vertical-top-5">美甲</label>
                    </div>
                    <div class="H-flex-item">
                        <span class="H-icon H-center-all H-theme-background-color9 H-border-radius-circle H-margin-horizontal-auto" style="height: 42px; width: 42px; "><i class="H-iconfont H-icon-android H-font-size-22 H-theme-font-color-white"></i></span>
                        <label class="H-display-block H-font-size-13 H-margin-vertical-top-5">搬家</label>
                    </div>
                    <div class="H-flex-item">
                        <span class="H-icon H-center-all H-theme-background-color4 H-border-radius-circle H-margin-horizontal-auto" style="height: 42px; width: 42px; "><i class="H-iconfont H-icon-camera H-font-size-22 H-theme-font-color-white"></i></span>
                        <label class="H-display-block H-font-size-13 H-margin-vertical-top-5">洗衣</label>
                    </div>
                    <div class="H-flex-item">
                        <span class="H-icon H-center-all H-theme-background-color5 H-border-radius-circle H-margin-horizontal-auto" style="height: 42px; width: 42px; "><i class="H-iconfont H-icon-com H-font-size-22 H-theme-font-color-white"></i></span>
                        <label class="H-display-block H-font-size-13 H-margin-vertical-top-5">保姆</label>
                    </div>
                </div>
            </div>
        </div>
        <div class="swiper-pagination" style="bottom: 0 !important;"></div>
    </div>
    <div class="H-padding-vertical-bottom-10"></div>
    <div class="H-text-list H-flexbox-horizontal  H-theme-background-color-white H-border-vertical-bottom-after H-vertical-middle H-touch-active">
        <div class="H-flex-item H-padding-horizontal-both-10 H-font-size-16 H-padding-vertical-both-12">服务分类</div>
        <span class="H-badge H-display-block H-margin-horizontal-right-5"><label class="H-display-inline-block H-vertical-middle H-theme-background-color5 H-theme-font-color-white H-font-size-12">更多</label></span>
    </div>
    <div class="H-padding-vertical-bottom-10"></div>
    <div class="H-padding-horizontal-both-10 H-overflow-hidden">
        <div class="swiper-container-3 ">
            <div class="swiper-wrapper ">
                <div class="swiper-slide"><img src="../../../image/templates-imgs/jiazh.png" class="H-width-100-percent H-display-block" alt="" title="" /><div class="H-text-align-center H-font-size-14 H-padding-vertical-top-5">家政</div></div>
                <div class="swiper-slide"><img src="../../../image/templates-imgs/liren.png" class="H-width-100-percent H-display-block" alt="" title="" /><div class="H-text-align-center H-font-size-14 H-padding-vertical-top-5">丽人</div></div>
                <div class="swiper-slide"><img src="../../../image/templates-imgs/che.png" class="H-width-100-percent H-display-block" alt="" title="" /><div class="H-text-align-center H-font-size-14 H-padding-vertical-top-5">车生活</div></div>
                <div class="swiper-slide"><img src="../../../image/templates-imgs/jiaxi.png" class="H-width-100-percent H-display-block" alt="" title="" /><div class="H-text-align-center H-font-size-14 H-padding-vertical-top-5">洗护</div></div>
                <div class="swiper-slide"><img src="../../../image/templates-imgs/jiaxi.png" class="H-width-100-percent H-display-block" alt="" title="" /><div class="H-text-align-center H-font-size-14 H-padding-vertical-top-5">维修</div></div>
                <div class="swiper-slide"><img src="../../../image/templates-imgs/jiaxi.png" class="H-width-100-percent H-display-block" alt="" title="" /><div class="H-text-align-center H-font-size-14 H-padding-vertical-top-5">学艺</div></div>
            </div>
        </div>
    </div>
    <div class="H-padding-vertical-bottom-10"></div>

    <div class="H-text-list H-flexbox-horizontal  H-theme-background-color-white H-border-vertical-bottom-after H-vertical-middle H-touch-active">
        <div class="H-flex-item H-padding-horizontal-both-10 H-font-size-16 H-padding-vertical-both-12">家庭清洁</div>
        <span class="H-badge H-display-block H-margin-horizontal-right-5"><label class="H-display-inline-block H-vertical-middle H-theme-background-color5 H-theme-font-color-white H-font-size-12">更多</label></span>
    </div>
    <div class="H-padding-vertical-bottom-10"></div>
    <div class="H-padding-horizontal-both-10 H-overflow-hidden">
        <div class="swiper-container-3 ">
            <div class="swiper-wrapper ">
                <div class="swiper-slide">
                    <img src="../../../image/templates-imgs/ca.png" class="H-width-100-percent H-display-block" alt="" title="" /><div class="H-text-align-center H-font-size-14 H-padding-vertical-top-2">
                        <strong class="H-font-weight-normal H-display-block H-text-show-row-1 H-font-size-14">擦玻璃</strong>
                    </div>
                </div>
                <div class="swiper-slide">
                    <img src="../../../image/templates-imgs/baojie.png" class="H-width-100-percent H-display-block" alt="" title="" /><div class="H-text-align-center H-font-size-14 H-padding-vertical-top-2">
                        <strong class="H-font-weight-normal H-display-block H-text-show-row-1 H-font-size-14">深度保洁</strong>
                    </div>
                </div>
                <div class="swiper-slide">
                    <img src="../../../image/templates-imgs/jiaxi.png" class="H-width-100-percent H-display-block" alt="" title="" /><div class="H-text-align-center H-font-size-14 H-padding-vertical-top-2">
                        <strong class="H-font-weight-normal H-display-block H-text-show-row-1 H-font-size-14">家电清洗</strong>
                    </div>
                </div>
                <div class="swiper-slide">
                    <img src="../../../image/templates-imgs/jiaxi.png" class="H-width-100-percent H-display-block" alt="" title="" /><div class="H-text-align-center H-font-size-14 H-padding-vertical-top-2">
                        <strong class="H-font-weight-normal H-display-block H-text-show-row-1 H-font-size-14">产品名称</strong>
                    </div>
                </div>
                <div class="swiper-slide">
                    <img src="../../../image/templates-imgs/jiaxi.png" class="H-width-100-percent H-display-block" alt="" title="" /><div class="H-text-align-center H-font-size-14 H-padding-vertical-top-2">
                        <strong class="H-font-weight-normal H-display-block H-text-show-row-1 H-font-size-14">产品名称</strong>
                    </div>
                </div>
                <div class="swiper-slide">
                    <img src="../../../image/templates-imgs/jiaxi.png" class="H-width-100-percent H-display-block" alt="" title="" /><div class="H-text-align-center H-font-size-14 H-padding-vertical-top-2">
                        <strong class="H-font-weight-normal H-display-block H-text-show-row-1 H-font-size-14">产品名称</strong>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="H-padding-vertical-bottom-10"></div>
    <div class="H-text-list H-flexbox-horizontal  H-theme-background-color-white H-border-vertical-bottom-after H-vertical-middle H-touch-active">
        <div class="H-flex-item H-padding-horizontal-both-10 H-font-size-16 H-padding-vertical-both-12">甲妆研究院</div>
        <span class="H-badge H-display-block H-margin-horizontal-right-5"><label class="H-display-inline-block H-vertical-middle H-theme-background-color5 H-theme-font-color-white H-font-size-12">更多</label></span>
    </div>
    <div class="H-padding-vertical-bottom-10"></div>
    <div class="H-padding-horizontal-both-10 H-overflow-hidden">
        <div class="swiper-container-3 ">
            <div class="swiper-wrapper ">
                <div class="swiper-slide">
                    <img src="../../../image/templates-imgs/ca.png" class="H-width-100-percent H-display-block" alt="" title="" /><div class="H-text-align-center H-font-size-14 H-padding-vertical-top-2">
                        <strong class="H-font-weight-normal H-display-block H-text-show-row-1 H-font-size-14">擦玻璃</strong>
                    </div>
                </div>
                <div class="swiper-slide">
                    <img src="../../../image/templates-imgs/baojie.png" class="H-width-100-percent H-display-block" alt="" title="" /><div class="H-text-align-center H-font-size-14 H-padding-vertical-top-2">
                        <strong class="H-font-weight-normal H-display-block H-text-show-row-1 H-font-size-14">深度保洁</strong>
                    </div>
                </div>
                <div class="swiper-slide">
                    <img src="../../../image/templates-imgs/jiaxi.png" class="H-width-100-percent H-display-block" alt="" title="" /><div class="H-text-align-center H-font-size-14 H-padding-vertical-top-2">
                        <strong class="H-font-weight-normal H-display-block H-text-show-row-1 H-font-size-14">家电清洗</strong>
                    </div>
                </div>
                <div class="swiper-slide">
                    <img src="../../../image/templates-imgs/jiaxi.png" class="H-width-100-percent H-display-block" alt="" title="" /><div class="H-text-align-center H-font-size-14 H-padding-vertical-top-2">
                        <strong class="H-font-weight-normal H-display-block H-text-show-row-1 H-font-size-14">产品名称</strong>
                    </div>
                </div>
                <div class="swiper-slide">
                    <img src="../../../image/templates-imgs/jiaxi.png" class="H-width-100-percent H-display-block" alt="" title="" /><div class="H-text-align-center H-font-size-14 H-padding-vertical-top-2">
                        <strong class="H-font-weight-normal H-display-block H-text-show-row-1 H-font-size-14">产品名称</strong>
                    </div>
                </div>
                <div class="swiper-slide">
                    <img src="../../../image/templates-imgs/jiaxi.png" class="H-width-100-percent H-display-block" alt="" title="" /><div class="H-text-align-center H-font-size-14 H-padding-vertical-top-2">
                        <strong class="H-font-weight-normal H-display-block H-text-show-row-1 H-font-size-14">产品名称</strong>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="H-padding-vertical-bottom-10"></div>
    <script src="../../../plugins/swiper/swiper.min.js"></script>
    <script src="../../../script/H.js" type="text/javascript"></script>
    <script type="text/javascript">
        var swiper = new Swiper('.swiper-container', {
            pagination: '.swiper-pagination',
            autoplay: 3000,
        });

        var swiper2 = new Swiper('.swiper-container-2', {
            pagination: '.swiper-pagination',
            effect: 'coverflow',
            grabCursor: true,
            centeredSlides: true,
            slidesPerView: 'auto',
            coverflow: {
                rotate: 50,
                stretch: 0,
                depth: 100,
                modifier: 1,
                slideShadows: true
            }
        });

        var swiper3 = new Swiper('.swiper-container-3', {
            slidesPerView: 3,
            spaceBetween: 10,
            freeMode: true
        });

    </script>
</body>

</html>